<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>jqMobi Kitchen Sink</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link rel="stylesheet"  type="text/css" href="../kitchensink/android.css" title="frosty"/>
<link rel="stylesheet"  type="text/css" href="../kitchensink/iphone.css" title="frosty"/>
</head>
<body>
<div id="yy" class="accordion">
    
  <div class="accordion_hbox" >
  	<h6 class="withbtn" ><span></span>后台模板案例文件</h6>
    <div class="hbtn" id="btnGrp">
    <button class="button_normal">查询</button>
    <button class="button_normal">清空</button>
    </div>   
  </div>
  <div class="pane" id="abcde" style="display:block;">
	<div id="slidable1" class="slidable" style="width:96%; margin:0 2%; height: 280px; overflow:hidden;" >
    </div>
  </div>


  
  <div class="accordion_hbox" >
      <h6 class="with_page"><span></span>后台模板案例文件</h6>
     <div class="with_pagebox">
         <!--<div class="page_box">
            <a href="#"><span class="page_up">&nbsp;</span></a>
            <span class="page_enter">
                <input type="text" value="100" style="width:30px;">&nbsp;/123
            </span>
            <a href="#"><span class="page_down_invalid">&nbsp;</span></a>
          </div>-->
       </div>   
 </div>
  
  <div class="pane">
    <div id="slidable2" class="slidable" style="width:98%; margin:1% 1%; height: 280px; overflow:hidden;" >
    </div>
  </div>

  <h6 ><span></span>后台模板案例文件</h6>
  <div class="pane" style="height:300px;">
    asdlfkjlsajdfljslkf<br/>
     <div class='page_box'>     
          <span class='page_enter'>
              <button type='button'  class='page_up'  title='上一页' alt='上一页' ></button>
                  <input type='text'  value='1' title='当前页' />/10000
                  <button type='button'  class='page_down'  title='下一页' alt='下一页' >
              </button>
          </span>
      </div>
      <br/>
        <div class='page_box'>     
              <span class='page_enter'>
                  <button type='button'  class='page_up'  title='上一页' alt='上一页' disabled ></button>
                      <input type='text'  value='1' title='当前页' />/10000
                      <button type='button'  class='page_down'  title='下一页' alt='下一页' disabled>
                  </button>
              </span>
      </div>
  </div>
</div>

<script>

	$(".accordion").tabs($("div.pane"),{
		tabs: 'h6', 
		initialIndex: 0,
		click: function(){
			var that = this;
			console && console.log(that.innerHTML);
		}
	});

	$("#abcde").show(0,function(){
		$("#btnGrp").toggle();
	});
	
	function refreshTable(data){
		console.log(data.id+" text: "+data.text);
	}

	function checkFunction(data){
		alert(data.text);
		console.log(data.id+" text: "+data.text);
	}
	
	
	$("#slidable2").slidable({
        "json_data" : {
			"data" : [
			{
				id:"lsadkfjlsjaf",
				text:"恒生电子股份有限公司",
				leaf:false,
				selected:refreshTable,
				children:[{
					id:"yiiuou",
					text:"恒生电子",
					selected:refreshTable,
					children:["证券事业部","银行事业部","基金及机构理财事业部","通信事业部","个人理财事业部"]
				},"恒生科技","恒生日本","总部机构","恒生聚源"]
			},"赖"],
			 

        },
		text:"通信录2",
		id:'dddd'
	});
	
	
	$("#slidable1").slidable({
        "json_data" : {
			"ajax" : {
                "url" : "_json_data.json",
                "data" :function(nodeObj){
                	var params = {};
                	params['node'] = nodeObj.id;
                	console.log("nodeObj.id="+ nodeObj.id+ "nodeObj.text="+ nodeObj.text);
                	return params;
                }
           },
        },
        selected:refreshTable,
        checked:checkFunction,
	    checkable:true,
	    multiCheck:false,
		text:"通信录1",
		id:'gggg'
	});
		
</script>



		
</body>
</html>